@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-order{
  height: 100%;
  background: $cbMainf5 ;
  overflow-y: auto;
  .orderHead{
    background: #fff ;
    height: 1.5rem;
  }
  .orderContent{
    margin-top: $_10;
    background: #fff ;
    height: $_60;
    .orderImg{
      width: $_40;
      height: $_40;
    }
    .itemLeft{
      padding-left: $_10;
    }
    .itemRight{
      width: calc(100% - #{$_70});
      padding: 0 $_10;
    }
  }
  .orderInfo{
    margin-top: $_10;
    width: 100%;
    .hint{
      padding: $_10 $_20 $_20 $_10;
    }
    .orderHintImg{
      width: $_10;
      height: $_10;
    }
    .orderHint{
      margin-left: $_5;
      font-size: $_8;
      color: #8A8A8F;
    }

  }
  .account{
    margin: 1rem 0;
    height: $_140;
  }


}
.order{
  .payed{
    .payFirst{
      margin: $_5 0;
    }
    .payMiddle{
      //margin: 0.3rem 0 0.3rem 0;
    }
  }


  .btn_xl_green{
    margin-top: $_20;
  }
}

.suc-info{
  background:#fff url("../img/common/suc-info.png") no-repeat 50% 25%;
  background-size: $_60 $_60;
}
.fail-info{
  background: url("../img/common/fail-info.png") no-repeat 50% 25%;
  background-size: $_60 $_60;
}